<template>
    <!--定义编辑学生的对话框-->
            {{student}}
            <el-dialog :title="title" :visible.sync="dialogFormVisible">
                <el-form :model="student">
                    <el-form-item label="学生姓名" :label-width="formLabelWidth">
                        <el-input v-model="student.sname" autocomplete="off"></el-input>
                    </el-form-item>

                    <el-form-item label="性别" :label-width="formLabelWidth">
                        <el-radio v-model="student.sex" label="男">男</el-radio>
                        <el-radio v-model="student.sex" label="女">女</el-radio>
                    </el-form-item>

                    <el-form-item label="年龄" :label-width="formLabelWidth">
                        <el-input v-model="student.age" autocomplete="off"></el-input>
                    </el-form-item>

                    <el-form-item label="地址" :label-width="formLabelWidth">
                        <el-input v-model="student.addr" autocomplete="off"></el-input>
                    </el-form-item>

                    <el-form-item label="所在班级" :label-width="formLabelWidth">
                        <el-select v-model="students.cname" placeholder="请选择班级">
                            <el-option :label="c.cname" v-for="c in classes" :value="c.cid"></el-option>
    <!--                        <el-option label="区域二" value="beijing"></el-option>-->
                        </el-select>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible = false">取 消</el-button>
                    <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
                </div>
            </el-dialog>

</template>

<script>
    export default {
        name: "test"
    }
</script>

<style scoped>

</style>